<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>MyPetstore</title>
    <link rel="stylesheet" href="../css/jpetstore.css" type="text/css" media="screen" />

</head>
<body>
<div th:replace="common/top"></div>
<c:if test="${!empty sessionScope.myList}">
    <p>Pet Favorites <br />
        Shop for more of your favorite pets here.</p>
    <ul>
        <c:forEach var="product" items="${sessionScope.myList}">
            <li>
                <a href="viewProduct?productId=${product.productId}">
                    ${product.name}
                </a>
                (${product.productId})
            </li>
        </c:forEach>
    </ul>

</c:if>

<div th:replace="common/bottom"></div>
</body>
</html>